<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入图标库 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <!-- 引入主界面的样式 -->
    <link rel="stylesheet" href="./css/小米.css">
    <link rel="stylesheet" href="./css/base.css">
</head>
<body>
    <nav class="topbar-warpper">
        <div class="topbar w clearfix">
            <ul class="service">
                <li><a href="#">小米商城</a></li>
                <li class="line">|</li>
                <li><a href="#">MIUI</a></li>
                <li class="line">|</li>
                <li><a href="#">loT</a></li>
                <li class="line">|</li>
                <li><a href="#">云服务</a></li>
                <li class="line">|</li>
                <li><a href="#">金融</a></li>
                <li class="line">|</li>
                <li><a href="#">有品</a></li>
                <li class="line">|</li>
                <li><a href="#">小爱开放平台</a></li>
                <li class="line">|</li>
                <li><a href="#">企业团购</a></li>
                <li class="line">|</li>
                <li><a href="#">资质证明</a></li>
                <li class="line">|</li>
                <li><a href="#">协议规则</a></li>
                <li class="line">|</li>
                <li><a href="#">下载app
                    <!-- 添加一个弹出层 -->
                    <div class="qrcode">
                        <img src="./image/01.png" alt="">
                    </div>
                </a></li>
                <li class="line">|</li>
                <li><a href="#">Select Loction</a></li>
                <li class="line">|</li>
            </ul>

            <ul class="shop-cart">
                <li><a href="#"><i class="fa fa-shopping-cart"></i> 购物车(0)</a></li>
            </ul>
  
            <ul class="user-info">
                <li><a href="#">登录</a></li>
                <li class="line">|</li>
                <li><a href="#">注册</a></li>
                <li class="line">|</li>
                <li><a href="#">消息通知</a></li>
            </ul>
            
        </div>
    </nav>
</body>
</html>